export default {
    namespaced: true, // 命名空间设置为true。让vuex识别到这个文件夹名称，组件中可以直接书写 'changeNum'
    state: {
        num: 10,
        title: '这是标题'
    },
    getters: {
        dbNum(state) {
            return state.num * 2
        }
    },
    mutations: { //存放修改数据方法
        addNum(state, payload) {
            state.num += payload
        }
    },
    actions: { //保存异步修改数据的方法   常见异步操作 : promise ajax 定时器
        //  异步修改 
        // context表示上下文
        asyncAddNum(context, payload) {
            console.log(context)
            setTimeout(() => {
                context.commit('addNum', payload)
            }, 1000)
        }
    },
}